<template>
  <div>
    11111
    <!-- <h1>账号密码登录</h1>
    <input type="text" placeholder="请输入手机号" v-model="text1" />
    <br />
    <div class="sl"></div>

    <input type="text" placeholder="请输入密码" v-model="text2" />
    <br />
    <div class="sl"></div>
    <input type="checkbox" class="check" v-model="text3" />
    <section @click="getreg()">立即登录</section> -->
  </div>
</template>

<script>
// export default {
//   data() {
//     return {
//       text1: "",
//       text2: "",
//       text3: false,
//     };
//   },
//   methods: {
//     getreg() {
//       let _log1 = /^\d{11}$/;
//       if (_log1 ) {
//         if (this.text3) {
//            this.$store.dispatch("LIND_REG_DATA", {
//           phone: this.text1,
//           pass: this.text2,
//         });
//         if (this.$store.state.WangLong.flag) {
//           this.$router.push("index");
//         }
//         } else {
//         alert("您未同意");
//         }
//       } else {
//         alert("电话号格式错误");
//       }
//     },
//   },
// };
</script>

<style lang="scss" scoped>
div {
  margin: 0 0.3rem;
  h1 {
    font-size: 0.2rem;
    margin-bottom: 0.3rem;
  }
  input {
    margin-top: 0.1rem;
    height: 0.44rem;
    width: 100%;
    border: 0;
    text-indent: 0.08rem;
  }
  .sl {
    margin: 0;
    width: 100%;
    border-bottom: 0.01rem solid #dedbdb;
  }
  .check {
    width: 0.12rem;
    height: 0.12rem;
    border-radius: 50%;
    transform: translatex(0.04rem);
  }
  p {
    font-size: 0.12rem;
    color: #bababa;
    margin-left: 0.23rem;
    transform: translateY(-0.19rem);
  }
  section {
    display: block;
    text-decoration: none;
    text-align: center;
    line-height: 0.5rem;
    width: 3.2rem;
    height: 0.5rem;
    background-color: rgb(151, 151, 232);
    color: white;
    border-radius: 0.05rem;
  }
}
</style>